body {
	font-family:Arial, Helvetica, sans-serif; font-size:0.75em;
	color:#3a3737;
	
	}
a {
	color:#3a3737;
	text-transform:uppercase;
	}
	
	a:hover {
		color:#33932c;
		}
		
#blank-space {
	height:5px;
	}
	
#wrapper {
	max-width:986px;
	margin:auto;
	overflow:hidden;
	position:relative; top:-10px;
	}
	
	#header {
		width:100%;
		}
		
		#header	#logotipo-rubicon {
			width:247px; height:169px;
			float:left;
			}
			
		#header	#user-box {
			width:239px; height:36px;
			border:1px solid #a9a8a8; background-color:#dbdbdb;
			overflow:hidden;
			margin:20px 150px 20px 0px;
			position:relative; top:40px;
			padding:15px;
			font-size:14px;
			float:right;
			}
			
			#header	#user-box a {
				color:#33932c;
				text-transform:capitalize;
				clear:right;
				display:block;
				font-size:12px;
				}


#content {
	width:865px; height:auto; min-height:462px;
	float:left;
	}
	
#right-side-menu {
	width:115px; height:250px;
	float:left;
	text-align:center;
	
	}
	
	.box-information {
		display:block;
		height:120px;
		background-color:#CCC;
		margin-bottom:20px;
		}
		
#footer {
	width:986px; height:83px;
	margin:auto;
	background:url(../images/back-footer.png) no-repeat;
	overflow:hidden;
	}
	
	#footer .button-menu {
		position:relative; top:35px; left:25px;
		}
		


/*--------------------------- end template -------------------------*/


#logo-client {
	width:174px; height:72px;
	margin-left:25px;
	float:left;
	text-align:center;
	border:1px solid #ccc;
	}
	
#info-client {
	width:70%; height:auto;
	overflow:hidden;
	padding-left:15px;
	}
	
	#info-client h1 {
		font-size:12px; font-weight:normal;
		line-height:18px;
		position:relative; top:12px;
	}
	
	#info-client p {
		font-weight:bold; font-size:14px;
		padding-top:3px;
		border-top:1px solid #292929;
		}

#submenu {
	width:250px;
	padding:10px;
	background-color:#CCC;
	border-radius:6px;  
	 -moz-border-radius:6px;  
 	-webkit-border-radius:6px; 
	}

#invoices_list {
	margin-bottom:20px;
	/*height:auto;*/ height:430px;
	overflow:hidden;
	border:1px solid #ccc;
	width:850px;
	
	border-radius:6px;  
	 -moz-border-radius:6px;  
 	-webkit-border-radius:6px; 
	}
	
	
	#selector-horizontal {
		width:700px; height:60px;
		margin:20px auto 0px;
		background-color:#154C0F;
		
		}
		
	#left-side {
	width:143px; height:350px;
	background-color:#154C0F;
	float:left;
	margin:10px 0px;
	}
	
	#right-side {
		width:700px;
		margin:10px auto;
		}
	#right-side	#table-stadistic {
		width:600px;
		}
	

#invoices_list table {
	margin:20px auto;
	text-align:center;
	width:710;
	display:block;
	}	
	
	
	#table-stadistic {
		width:700px;
		border:1px solid #000;
		}
	
	#invoices_list table a {
	color:#33932c;
	}
	#invoices_list table a:hover {
	color:#666;
	}	
	
	#invoices_list table th {
		font-weight:bold;
		text-transform:uppercase;
		}
	
	#invoices_list table td, #invoices_list table th {
		padding:4px;
		} 
	#invoices_list table td, #invoices_list table td {
		border-bottom:1px solid #333;
		}
			
	#invoices_list table thead {
		background-color:#154C0F;
		color:#EAF7E9;
		}	

	#invoices_list #space-icons {
		background-color:#33932c;
		width:100px; height:240px;
		overflow:hidden;
		}
		
		#invoices_list #space-icons	.icons {
			display:block;
			text-align:center;
			position:relative; top:10px; left:0px;
			margin-top:5px;
			}

#index-bg {

	background:url(../images/grass.jpg) no-repeat bottom fixed;
	}
	
#logo-index {
	width:488px; height:140px;
	margin:auto;
	position:relative; top:65px;
	}

#box-login {
	width:401px; height:256px;
	background:url(../images/box-login.png) no-repeat;
	margin:auto;
	position:relative; top:80px;
	font-weight:bold;
	font-size:14px;
	}	
	
	#box-login-error {
		width:401px; height:256px;
		background:url(../images/box-login.gif) no-repeat;
		margin:auto;
		position:relative; top:80px;
		font-weight:bold;
		font-size:14px;
	}
	
		 #box-login-error .message-error {
			 position:relative; top:80px; margin:auto;
		width:235px; display:block; text-align:center;
			 }
			 
			  #box-login-error #button_space {
			 left:70px; top:125px;
			 }
			 
			#box-login-error #button_space #login {
				background-color:#33932c;
				border:none;
				color:#FFF;
				padding:5px 10px;
				font-weight:bold;
				cursor:pointer;
				}
				#box-login-error #button_space #login:hover {
				background-color:#091908;
				color:#33932c;
				}

	#box-login #username_space {
		position:relative; top:105px; margin:auto;
		width:235px;
		}
		
	#box-login #username, #box-login #password {
		margin-left:10px;
		border:1px solid #9eaaa9;
		padding:3px;
		}
		
	#box-login #password_space, #box-login #button_space {
		position:relative; top:115px; margin:auto;
		width:232px;
		}
		
		 #box-login #button_space {
			 left:70px; top:125px;
			 }
			 
			#box-login #button_space #login {
				background-color:#33932c;
				border:none;
				color:#FFF;
				padding:5px 10px;
				font-weight:bold;
				cursor:pointer;
				}
				#box-login #button_space #login:hover {
				background-color:#091908;
				color:#33932c;
				}
				


#space-graph {
	/*width:450px; height:220px;
	margin:10px auto;*/
	text-align:center;
	width:750px;
	margin:10px auto;
	}				
.pagination { 
	text-align:center;
	margin-top:10px;
	display:block;
	float:left;
	width:100%;
	}
	
	.pagination a {
		font-weight:bold;
		text-decoration:underline;
		color:#33932c;
		text-transform: lowercase;
		}
		
#progress {
	font-size:16px;
	text-align:center;
	width:830px; height:430px;
	/*background:url(../images/back-loader.jpg) no-repeat top;*/
	margin:auto;
	padding:0px;
	border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
	}
	
	#progress p, #progress_chart p  {
		position:relative; top:85px;
		text-align:center;
		color:#33932c;
		}

#progress_chart {
	width:700px; height:380px;
	border: 1px solid #CCCCCC;
 	margin:auto;
	}		

.titulo {
	display:block;
	float:left;
	margin:20px 30px;
	}





#header-legend {
	width:850px;
	overflow:hidden;
	background-color:#154C0F;
	color:#F9E3B2;
	text-align:center;
	padding:5px 0px;
	}
.location-header {
	width:180px;
	margin:0px 10px;
	float:left;
	display:block;
	border:1px solid #000;
	}
.month-header {
	width:100px;
	margin:0px 0px;
	float:left;
	display:block; border:1px solid #000;
	}
.month-number {
	width:80px;
	margin:0px 0px;
	float:left;
	display:block;
	margin:0px 10px; border:1px solid #000;
	}
	
	.month-number-simple {
	width:80px;
	margin:0px 0px;
	float:left;
	display:block; border:1px solid #000;
	}
	
	.rank {
	width:60px;
	margin:0px 0px;
	float:left;
	display:block;
	margin:0px 10px; border:1px solid #000;
	}
	
	#wrapper-table {
		width:750px;
		padding:5px 0px;
		border-bottom:1px solid #CCC;
		overflow:hidden;
		float:left;
		}
		
.tab {
	float:left;
	width:44px; height:19px;
	margin:5px;
	color:#FFF;
	background-color:#204c24;
	/*background-image:url(../images/tab.gif);*/
	border-radius:6px;  
	 -moz-border-radius:6px;  
 	-webkit-border-radius:6px;
	padding:5px;
	text-align:center;
	position:relative; top:10px; left:0px;
	}
	
	#pestana {
		background-color:#FFF;
		width:100%;
		overflow:hidden;
		}

.button {  background-color: #33932C;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 10px;
	margin:12px 10px 10px;
	} 
		
#selector-list {
	width:350px; text-align:center;
	overflow:hidden;
	margin:auto;
	vertical-align:top;
	padding:6px;
	text-align:center;

	}
	
	#selector-list select {
		width:180px;
		font-size:11px;
		float:left;
		}
		
	#selector-list #load_chart {
		border:1px solid #000;
		float:left;
		}

#menu-graph {
	width:100%; padding:10px 0px;
	margin:10px auto;
	background-color:#999;
	overflow:hidden;
	border-radius:6px;  
	 -moz-border-radius:6px;  
 	-webkit-border-radius:6px; 
	}
	
	.rango-graph {
		float:right;
		margin-right:80px;
		}
		
		#legend-graph {
				float:left;
		margin-left:80px;
			}